<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:sigecComp="http://java.sun.com/jsf/composite/components">
	
    	<h:outputStylesheet library="css" name="textos.css"/>    
    	<h:outputStylesheet library="css" name="bordes.css"/>
    	<h:outputStylesheet library="css" name="botones.css"/>
    	<h:outputStylesheet library="css" name="tables.css"/>
    	
        <h:form id="frmRepCurso">
        	<rich:panel header="#{msg['cursos_disponibles']}">
        		<rich:collapsiblePanel header="#{msg['cursos_disponibles']}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
					leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
	        	
	        		<a4j:outputPanel ajaxRendered="true">
	        			<center>
		        			<rich:dataScroller for="tblCursos" renderIfSinglePage="false" fastControls="hide"/>
		        		</center>
		        		<rich:dataTable id="tblCursos" style="width:100%" value="#{reporteCursoController.lstCursos}" var="curso" rows="10" 
		        			rendered="#{!empty reporteCursoController.lstCursos}" rowClasses="even-row, odd-row">
		        			<f:facet name="header">
		        				<h:outputLabel value="#{msg.etiqueta_curso}" />
		        			</f:facet>
		        			
		        			<rich:column>
		        				<a4j:commandLink rendered="#{!curso.showCursoPeriodoCollection}" action="#{reporteCursoController.btnExpandContractCurso(curso, true)}" render="tblCursos">
		        					<h:graphicImage library="images/button" name="expand.png" style="border:0px;"/>
		        				</a4j:commandLink>
		        				
		        				<a4j:commandLink rendered="#{curso.showCursoPeriodoCollection}" action="#{reporteCursoController.btnExpandContractCurso(curso, false)}" render="tblCursos">
		        					<h:graphicImage library="images/button" name="contract.png" style="border:0px;"/>
		        				</a4j:commandLink>
		        			</rich:column>
		        			
		        			<rich:column style="text-align:center;" filterValue="#{reporteCursoController.nameEspecialidadFilter}"
		                				filterExpression="#{fn:containsIgnoreCase(curso.especialidad.nombre, reporteCursoController.nameEspecialidadFilter)}">
			        			<f:facet name="header">
			        				<h:panelGrid columns="2" style="width:100%">
			        					<h:outputLabel value="#{msg['etiqueta_especialidad']}" />
			        					<rich:select value="#{reporteCursoController.nameEspecialidadFilter}">
					                    	<f:selectItems value="#{reporteCursoController.itemsEspecialidadesFiltro}"/>
					                        <a4j:ajax render="tblCursos" execute="@this" event="selectitem" />
				                        </rich:select>
			        				</h:panelGrid>
			        				
			        			</f:facet>
			        			<h:outputText value="#{curso.especialidad.nombre}" />
		        			</rich:column>
		        			
		        			<rich:column filterValue="#{reporteCursoController.nameFilter}"
                				filterExpression="#{fn:containsIgnoreCase(curso.nombreCurso,reporteCursoController.nameFilter)}"
                				sortBy="#{curso.nombreCurso}" sortOrder="#{reporteCursoController.namesOrder}">
			        			<f:facet name="header">
			        				<h:panelGrid columns="2" style="width:100%;">
					        			
				        				<h:panelGrid columns="2" style="width:100%;">
		        							<h:outputLabel value="#{msg['nombre']}" />
		        							
		        							<h:inputText value="#{reporteCursoController.nameFilter}" onkeypress="if (event.keyCode == 13) return false;" styleClass="text-uppercase" style="width:100%;">
					                            <a4j:ajax event="keyup" render="tblCursos@body" execute="@this" onbeforesubmit="if (event.keyCode != 13)  return false;" limitRender="true"/>
					                        </h:inputText>
		        						</h:panelGrid>
		        						
		        						<h:panelGroup layout="block" style="float:right">
		        							 <a4j:commandLink render="table" action="#{reporteCursoController.sortByNames}" >
		        							 	<h:graphicImage library="images/button" name="sortArrow.png" height="12" style="border:0px;"/>
		        							 </a4j:commandLink>
		        						</h:panelGroup>
	        						</h:panelGrid>	
			        			</f:facet>
			        			<a4j:commandLink value="#{curso.nombreCurso}" action="#{reporteCursoController.btnShowCursoDetail(curso)}"></a4j:commandLink>
		        			</rich:column>
		        			
		        			<rich:column>
			        			<f:facet name="header">
			        				<h:outputLabel value="#{msg['descripcion']}" />
			        			</f:facet>
			        			<h:outputText value="#{curso.generalidadesCurso}" />
		        			</rich:column>
		        			
		        			<rich:column breakRowBefore="true" colspan="4" rendered="#{curso.showCursoPeriodoCollection}">
			        			<center>
			        			<rich:panel rendered="#{empty curso.pensumAcademicoCollection}">
			        				<h:outputLabel value="#{msg.curso_sin_modulos_relacionados}" style="color:red;"/> 
			        			</rich:panel>
			        			<rich:dataTable value="#{curso.pensumAcademicoCollection}" var="modulo" rendered="#{!empty curso.pensumAcademicoCollection}" style="width:90%;" >
			        				<f:facet name="header">
		        						<h:outputLabel value="#{msg.etiqueta_pensum_curso}" />
		        					</f:facet>
				        			
			        				<rich:column>
			        					<f:facet name="header">
			        						<h:outputLabel value="#{msg['nombre']}" />
			        					</f:facet>
			        					<h:outputText value="#{modulo.tema}" />
			        				</rich:column>
			        				
			        				<rich:column>
			        					<f:facet name="header">
			        						<h:outputLabel value="#{msg['descripcion']}" />
			        					</f:facet>
			        					<h:outputText value="#{modulo.descripcion}" />
			        				</rich:column>
			        				
			        			</rich:dataTable>
			        			</center>
		        			</rich:column>
		        		</rich:dataTable>
		        		
	        		</a4j:outputPanel>
	        	</rich:collapsiblePanel>
        	</rich:panel>
        	
        </h:form>
        
</ui:composition>